<!--导航条右侧的组件-->
<template>
  <ul class="nav navbar-nav navbar-right">
    <li class="dropdown profile">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
        {{userInfo.name}}
        <span class="caret"></span></a>
      <ul class="dropdown-menu animated fadeInDown">
        <li class="profile-img">
        </li>
        <li>
          <div class="profile-info">
            <h4 class="username">{{userInfo.name}}</h4>
            <p>{{userInfo.info}}</p>
            <div class="btn-group margin-bottom-2x" role="group">
              <button type="button" class="btn btn-default"><i class="fa fa-user"></i> 个人信息</button>
              <button type="button" class="btn btn-default"><i class="fa fa-sign-out"></i> 登出</button>
            </div>
          </div>
        </li>
      </ul>
    </li>
  </ul>
</template>

<script>
    export default{
        props:['userInfo'],
        data(){
            return{
            }
        },
        components:{
        }
    }
</script>
